<template>
  <div class="tablebox">
    <el-row class="mb-4">
      <el-button>导出</el-button>
    </el-row>
    <el-table :data="testDatas" stripe style="width: 100%">
      <el-table-column type="index" label="No." :width="50" />
      <el-table-column v-for="col in columnList" :prop="col.prop" :label="col.label" :key="col.prop" />
    </el-table>
  </div>
</template>

<script>
export default {
  name: 'table',
  props: {
    columnList: [],
    testDatas: [],
  },
  data() {
    return {
    }
  }
}
</script>
<style  scoped>
.tablebox{
  margin: 15px 0;
}
.mb-4{
  position: relative;
  height: 50px;
  line-height: 50px;
}
.el-button{
  
  position:absolute;
  right: 0;
  top: 10px;
}
</style>